export default{
	namespaced:true,
	
	state:()=>({
		//每个商品的信息对象，都包含如下6个属性：
		//{goods_id,goods_name,goods_price,goods_count,goods_small,goods_samll_logo,goods_state}
		
		//项目初次加载时为cart重新赋值
		cart:JSON.parse(uni.getStorageSync('cart') || '[]')
	}),
	mutations:{
		addToCart(state,goods){
			const findResult=state.cart.find(x=>x.goods_id===goods.goods_id) 
			
			if(!findResult){
				state.cart.push(goods)
			}else{
				findResult.goods_count++
			} 
			//通过commit方法，调用m_cart命名空间下的saveToStorage方法
			this.commit('m_cart/saveToStorage')
		},
		saveToStorage(state){
			//存储到本地并命名为cart
			uni.setStorageSync('cart',JSON.stringify(state.cart))
		},
		//更新购物车中商品的勾选状态
		updateGoodsState(state,goods){
			//根据goods_id查询购物车中对应商品的信息对象
			const findResut=state.cart.find(x=>x.goods_id===goods.goods_id)
			
			if(findResut){
				findResut.goods_state=goods.goods_state
			}
			// 持久化存储到本地
			this.commit('m_cart/saveToStorage')
		},
		//更新购物车中商品的数量
		updateGoodsCount(state,goods){
			//根据goods——id查询购物车中对应商品的信息对象
			const findResut=state.cart.find(x=>x.goods_id===goods.goods_id)
			
			if(findResut){
				findResut.goods_count=goods.goods_count
			}
			//持久化存储到本地
			this.commit('m_cart/saveToStorage')
		},
		//根据id从购物车中删除对应的商品信息
		removeGoodsById(state,goods_id){
			//使用filter进行过滤
			state.cart=state.cart.filter(x=>x.goods_id!==goods_id)
			//持久化存储到本地
			this.commit('m_cart/saveToStorage')
		},
		//更新购物车中所有商品的勾选状态(newState是值传递过来的值)
		updateAllGoodsState(state,newState){
			state.cart.forEach(x=>x.goods_state=newState)
			
			this.commit('m_cart/saveToStorage')
		}
	},
	//geters用于将state中的数据进行加工，因为是全新的配置所以要配置到下面去
	//这个像vue配置项里的camputed，区别是这个可以跨组件使用，camputed只能在本组件使用
	getters:{
		//统计购物车中所有商品的总数量
		total(state){
			// let c=0
			// //循环统计商品的数量，累加到变量c中
			// state.cart.forEach(goods=>c+=c.goods_count)
			// return c 
			//total指上一次累加的结果，item指当前循环的item项
			return state.cart.reduce((total,item)=>total+=item.goods_count,0)
		},
		//购物车中已勾选商品的总数量
		checkedCount(state){
			//先使用filter方法，从购物车中过滤已勾选的商品
			//再使用reduce方法，将已勾选的商品总数量进行累加
			//reduce()的返回值就是已勾选的商品的总数量(reduce(回调函数，初始值) 函数会对参数序列中元素进行累积。)
			return state.cart.filter(x=>x.goods_state).reduce((total,item)=>total+=item.goods_count,0)
		},
		//已勾选商品的总价格
		checkedGoodsAmount(state){
			return state.cart.filter(x=>x.goods_state).reduce((total,item)=>total+=item.goods_count*item.goods_price,0).toFixed(2)
		}
	}, 
}